剛開始寫程式的初學者，本人強烈建議你一定要先學個基本的HTML、CSS、JS
為什麼?
因為比起寫個CMD小黑窗印個Hello world，寫網頁的成就感還是大一些，起碼你終於知道了你每天在逛的網站到底是怎麼產生出畫面的，對於未來要轉後端，我認為懂一點基本的前端也是必備的(總不可能MVC的V你都不碰到吧)

HTML

關於HTML，你除了基本的常見標籤要懂外，現在的環境跟我當時已經不一樣了，你還要多學幾個帶有語意的標籤，也就是HTML5的新增的標籤，因為這對於網站的SSO來說是必備的(當然你如果是做內網可以不用鳥，但多學沒有壞處)
網路上免費的教學資源很多，這邊推薦以下這個
https://www.runoob.com/html/html5-intro.html
當然如果你的英文夠好，或是你想順便練練英文，我是非常推薦你去MDN直接看原文的
https://developer.mozilla.org/en-US/docs/Web/HTML

CSS

其實我是很想跳過不說，因為我永遠記得CSS跑版帶給我的痛XD
但我還是想說，會點CSS真的對你的工作很有幫助，雖然不用真的完全背下來CSS的權重關係，但起碼你要知道CSS是有權重的，當你遇到問題時，不妨Google時順便搜尋一下CSS 權重
另外值得一提的是學會怎麼用瀏覽器的開發者模式(F12)來troubleshooting網頁的問題是很重要的技能，關於這類教學文網路上也是滿山滿谷的，不知道怎麼開始的可以先Google chrome devtools 教學

Javascript

許多人就是在學到JS後決定放棄寫程式的，甚至還有一張梗圖

在你開始選擇前端框架的陣營前，你可能就先被JS抬走了，
如果你先不管框架，先從香草JS(純的JS)開始，你會發現JS是個很難學的語言，你光寫個if就會遇到不同型別比較的坑了，參考以下MDN網站的解釋
https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Equality_comparisons_and_sameness
然後當你跨了這個坑，還會有一堆的坑等著你(例如var或let阿，浮點數運算阿等等的)
這邊順便附一個github連結，是國外的網友蒐集JS有多坑的repo(感謝損友yuyu提供)
https://github.com/denysdovhan/wtfjs/blob/master/README-zh-cn.md

JQuery

接著你為了套網頁效果，會去搜尋到別人的範例都是用JQuery寫的，所以你也躲不掉不學JQ，但我其實覺得它相對簡單，你先學懂了Jquery的常用幾種選擇器，你基本上就能抓到你要的元素了，但他當然沒這麼簡單，網頁還有跟後端非同步要資料的AJAX的技術要學，在JQUERY上面也有AJAX的方法可以用，但要先搞懂AJAX前你可能就會先放棄了，所以我建議在學到AJAX時，請先問問你身邊的老鳥，請他用白話一點的方式跟你說明非同步到底是在幹嘛，這時你可能也會開始意識到網頁是有生命周期的，以及網頁是stateless的，希望學到這裏的你可以不要放棄繼續學下去，因為......

軟體的技術學習是沒完沒了的

Bootstrap

最後，在你學完這些後，前端還是有些好用的版型框架可以用，Bootstrap就是其中一套常見、簡單的版型框架，
其中他的網格系統可以讓你的網頁成為RWD的響應式網頁，你只要記得一個row有12個col，要分成6+6、3+3+3+3、4+8、4+4+4....等等隨便你，總之加起來要等於12
PS:看不懂沒關係，等你用到你就知道了。但我強烈建議要當接案工程師，或是要寫個Side Project，希望網頁有個基本的樣子不要太醜，Bootstrap會是你的好朋友!XD

前端JS框架(選修技能)

說真的，這邊的技能點不點完全是看你想走前端工程師還是後端工程師，這邊的框架很多，但最常討論的不外乎3個
Angular
React.js
Vue.js
至於三個有沒有高下，我不在乎，因為我只是個後端工程師XD
三個都能加上別的技術變成APP，所以這邊我不好說什麼
關於想當前端工程師還是後端工程師，這邊也完全是看個人的興趣，沒有說誰的薪水一定比較高，前端年薪破百的多的是，完全不輸給後端，所以如果你很喜歡前端，就繼續專研下去吧!